<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识web前端</title>
	</head>
	<body>
		<div>275</div>
		<!-- 
		web前端开发-开发网页  
			功能	/岗位职责 开发网页
		    步骤:  ①产品(产品经理) 网站的功能 网站有多少页面 -  产品/产品经理->客户对接->详细需求文档/原型图(粗糙页面的图纸) 
				   ② 设计(UI设计师) 根据原型图 设计出一个比较美观的页面(图纸)
				   ③ 前端开发(web前端) 根据设计图 开发出一套代码,这个代码运行到浏览器上面,呈现出设计图的样子,并且有页面的功能
				   ④ 后端开发(java,php)  页面的数据信息 存储在 数据库里面  前端->接口->后端(增删改查) 后端->服务器->数据库(数据的增删改查)  
					  前台展示页面  后台的管理页面
				   ⑤ 测试(测试工程师) 对页面进行测试,测试页面是否有问题(功能,bug,性能),有问题就解决问题 
					⑥ 上线(项目经理)  测试2-3- 项目的维护(发现线上的一些小问题 针对解决)
		web前端能做的:
			网页(PC端网页)->移动端网页->桌面客户端->小程序->app->游戏->物联网  主流-(PC网页/移动端网页,小程序,少量的app)
			   大前端时代
		
		web前端技能:
			 前端三剑客 
			  html 超文本语言-结构层
			  css  层叠样式表-表现层
			  js  浏览器脚本语言-行为层
			 
			 框架->基于原生语言封装的 库(提高开发效率)
			 jquery  bootstrap  
			 渐进式框架
			 vue react angular
			 UI框架-组件库
			 elementui  ant-design-vue  vanui  minut...
			 后端语言  node.js  c/c++  语法是js语法
		
		学习流程
			html->css->js->vue(2,3)->小程序(原生,uniapp)
			
		标签   
			html 标签	
				定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它
				元素要包裹在它里面，标签限定了文档的开始点和结束点。
			head 标签 
				head标签
				head标签用于定义文档的头部。文档的头部描述了文档的各种属性和信息，包括文档的标题、
				在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
			body标签
				body 元素定义文档的主体。
				body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)它会直接在页面中显示出来，也就是用户可以直观看到的内容 
			titie标签
				① 可定义文档的标题。
				② 它显示在浏览器窗口的标题栏或状态栏上
				③ title>标签是 khead>标签中唯一必须要求包含的东西，就是说写head一定要写title
				④ <title>的增加有利于SEO优化	
				!SEO是搜索引擎优化的英文缩写。通过对网站内容调整，满足搜索引擎的排名需求
			meta标签
				meta标签用来描述一个HTML网页文档的属性，关键词等，例如:charset="ut-8"是说当前使用的是 uf-8 
				编码格式，在开发中我们经常会看到 uf-8，或是 gbk，这些都是编码格式，通常使用 uf-8。(与计算机交流)
			注释标签
				注释标签用来在源文档中插入注释。注释不会在浏览器中显示。
				您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。
				有益于团队协作开发
			如何运行html文件?
			 
		 -->
	</body>
</html>